/**
 * 分享工具使用示例
 * 
 * 本文件展示了如何在页面中使用分享工具
 */

import { withShareMixin, getShareAppMessageConfig, getShareTimelineConfig } from '../../utils/share.js';

// 方法一：直接在页面中使用分享配置函数
const pageConfig1 = {
  data() {
    return {
      // 页面数据
    }
  },
  onShareAppMessage() {
    return getShareAppMessageConfig({
      title: '自定义分享标题',
      path: '/pages/custom/path',
      imageUrl: '/static/custom-share.png'
    });
  },
  onShareTimeline() {
    return getShareTimelineConfig({
      title: '自定义朋友圈标题',
      imageUrl: '/static/custom-share.png'
    });
  }
};

// 方法二：使用混入方式添加分享功能
const pageConfig2 = withShareMixin({
  data() {
    return {
      // 页面数据
    }
  },
  methods: {
    // 页面方法
  }
}, {
  // 分享配置
  title: '通过混入添加的分享标题',
  path: '/pages/mixed/path',
  imageUrl: '/static/mixed-share.png'
});

// 方法三：在页面中动态生成分享内容
const pageConfig3 = {
  data() {
    return {
      productName: '商品名称',
      productId: '123456'
    }
  },
  onShareAppMessage() {
    // 动态生成分享内容
    return getShareAppMessageConfig({
      title: `查看${this.productName}详情`,
      path: `/pages/product/detail?id=${this.productId}`,
      imageUrl: '/static/product-share.png'
    });
  }
};

// 导出示例配置
export {
  pageConfig1,
  pageConfig2,
  pageConfig3
};